<template>
  <van-goods-action>
    <van-goods-action-icon
      :icon="isStar?'star':'star-o'"
      :text="isStar?'已收藏':'未收藏'"
      :color="isStar?'#ff5000':'#323233'"
      @click="isStar=!isStar"
    />
    <van-goods-action-icon
      icon="cart-o"
      text="购物车"
      :badge="newBadge"
      @click="goToCart"
    />
    <van-goods-action-button
      type="warning"
      text="加入购物车"
      @click="addToCart"
    />
    <van-goods-action-button
      type="danger"
      text="立即购买"
    />
  </van-goods-action>
</template>

<script>
// import { GetGoodsNum_Cart } from "@/request/api";
export default {
  emits: ["addToCart"],
  props: ["newBadge"],
  data() {
    return {
      isStar: false,
      //购物车产品数量
      // badge: 0,
    };
  },

  // async created() {
  //   // console.log(this.$parent.newBadge);
  //   // this.badge = this.$parent.newBadge;
  //   //请求购物车产品数量数据
  //   let token = localStorage.getItem("token");
  //   //token存在，则发送请求
  //   if (token) {
  //     let res = await GetGoodsNum_Cart();
  //     console.log("购物车产品数量", res);
  //     if (res.errno !== 0) {
  //       if (res.errno == 400) {
  //         return this.$toast("库存不足!");
  //       } else {
  //         return this.$toast(res.errmsg);
  //       }
  //     }
  //     // this.badge = res.data.cartTotal.goodsCount;
  //   }
  // },

  methods: {
    //点击事件发生向父组件抛出加入购物车事件
    addToCart() {
      this.$emit("addToCart");
    },
    //跳转到购物车
    goToCart() {
      this.$router.push("/cart");
    },
  },
};
</script>

<style lang='less' scoped>
.van-goods-action {
  z-index: 9999;
}
</style>